/* header div */
div#header{
	background-color:#BBD9EE;
	color:white;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:22px;
 }
.printPreview{background-color:black;color:white;width:120px;}
.print{background-color:black;color:white;width:120px;}

.hover {background-color:#FFFF66;border: 1px solid black}
.dragDiv{background-color:#FFBD00;}
.resizeDiv{background-color:#FFBD00;}
/* control div */
.drag{background-color:green;color:white;width:80px;}
.resize{background-color:blue;color:white;width:80px;}
.remove{background-color:red;color:white;width:80px;}
.edit{background-color:grey;color:white;width:80px;}
.cancel{background-color:black;color:white;width:80px;}

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons.png); }


/* positioning */

	.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
	.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
	.ui-resizable { position: relative;}
	.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
	.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
	.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
	.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
	.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
	.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
	.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
	.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
	.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
	.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}